<script setup>
import {Location, Setting} from "@element-plus/icons";

const handleOpen = (key, keyPath) => {
  console.log(key, keyPath);
};

const handleClose = (key, keyPath) => {
  console.log(key, keyPath);
};
</script>

<template>
  <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
    <el-menu-item index="1">
      <el-icon>
        <location></location>
      </el-icon>
      <span>学生管理</span>
    </el-menu-item>

    <el-menu-item index="2">
      <el-icon>
        <Setting></Setting>
      </el-icon>
      <span>系统管理</span>
    </el-menu-item>
  </el-menu>
</template>

<style scoped>

</style>